<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>demo1</title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="shortcut icon" href="img/touchicon.png"/>
	<link rel="stylesheet" href=""/>
	<style type="text/css">
		div{width:200px;height:200px;float:left;}
		div i{float:right;display:block;width:1px;height:1px;background-image:url(../6.jpg);}
		.clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden;overflow:hidden;}
	</style>
</head>
<body>
	<div><img src="../6.jpg" alt=""></div>
	<div id="copy" class="clearfix">
		<i style="background-position:-1px -1px;"></i>
	</div>
	<script>
		var i = 0;
		var b = document.getElementsByTagName('img');
		var copyPic = document.getElementById('copy');
		var s = '';
		while (i<200) {
			var j = 0;
			var s2 = '';
			while (j<200) {
				s2 = s2 + '<i style="background-position:-'+j+'px -'+i+'px;"></i>';
				j++;
			}
			s += s2 ;
			i++;
		}
		copyPic.innerHTML = s ;
	</script>
</body>
</html>